控制chrome中PDF预览工具栏

5 篇文章 0 订阅

在实际开发中,遇到使用chrome自带的PDF预览功能,前端把后台返回的地址,通过XMLHttpRequest转换成blob,并在blob地址后拼接上文件名称,通过创建embed展示PDF;

这种方法展示出来的PDF会带有工具栏,并且是在新的页签打开,没有 url,导致工具栏中的下载按钮无法进行操作,测试提出缺陷,下载按钮可以下载文件;最后开发决定隐藏该工具栏。

隐藏工具栏的方法是,在PDF文件url地址后面 拼接 #scrollbars=0&toolbar=0&statusbar=0 参数,

由于转换成的blob地址,带有文件名,导致不生效,经过排查,不添加文件名也是可以的,故去掉拼接的文件名,添加以上参数,浏览器内置PDF预览工具栏可以隐藏

 

注:由于代码在公司内网,无法粘贴代码

 还会出现的一种情况是:工具栏中的 title 不正确,比如 http://ip:port/api/file/local/download?isStream=true&authKey=filedown-a056 , 工具栏中的 title 就会是 download, 如需要修改 title值,可以把 url 地址修改为 http://ip:port/api/file/local/download/文件名?isStream=true&authKey=filedown-a05  ,原因是 工具栏中的title读取的是url 地址中最后一个 '/'  后面的参数作为title值

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值